#record_header {
	padding: 60px 0px;
	height: 380px;
	.count_wrapper {
		float: left;
		text-align: left;
		.profit_title {
			color:#336;
			font-size: 18px;
		}
		.profit_count {
			color:#FFF;
			font-size: 40px;
			margin-top:25px; 
			text-shadow:3px 1px 15px rgba(102,102,153,0.75);
			span {
				font-size: 64px;
			}
		}
		.h_line {
			margin-top: 20px;
			width: 627px;
			height: 1px;
			background-color: #EEE;

		}
		.block_wrapper {
			margin-top: 50px;
			.one_block {
				width: 207px;
				float: left;
				.ob_context {
					.ob_title {
						font-size: 22px;
					}
				}
			}
			
		}
	}
	.usable_amount {
		z-index: 2;
		height: 260px;
		width: 320px;
		float: right;
		position: relative;
		.usable_amount_title {
			color:#336;
			font-size: 18px;
			text-align: center;
			margin-top: 30px;
		}
		.usable_amount_count {
			margin: 45px 0px;
			font-size: 30px;
			height: 34px;
			line-height: 32px;
			font-style: italic;
			color:#FFF;
			text-shadow:1px 1px 10px rgba(102,102,153,0.75)
		}
	}
	.usable_amount_mask {
		z-index: -1;
		background-color: #558;
		opacity: 0.35;
		filter: alpha(opacity=35);
		position: absolute;
		top: 0px;
		right: 0px;
		display: block;
		width: 100%;
		height: 100%;
	}
}
.fund_chart {
	height: 330px;
}
#record {
	.menu_wrapper {
		border-bottom: 1px solid #CCC;
		.menu {
			text-align: center;
			width: 202px;
			margin: 0px auto;
			li {
				margin-bottom: -1px;
				*margin-bottom: -4px;
				margin-left: auto;
				margin-right: auto;
				width: 200px;
				height: 60px;
				background-color: #CCF;
				border:1px solid #CCC;
				float: left;
				text-align: center;
				vertical-align: center;
				opacity: 0.8;
	 			filter: alpha(opacity=80);
				a {
					display: block;
					padding: 20px;
					font-size: 16px;
					color:#336;	
				}
			}
			li.active {
				border-bottom: 1px solid transparent;
				background-color:#FFF;
			}
		}
	}
	
	.record_list {
		margin-top: 30px;
		margin-bottom: 50px;
		color:#999;
		.orange {
			color:#F90;
		}
		.green {
			color:#6C3;
		}
		.blue {
			color:#669;
		}
		.record_item {
			padding: 30px;
			-moz-box-shadow: inset 0 1px 1px rgba(229,229,229,.2);
	    	-webkit-box-shadow: inset 0 1px 1px rgba(229,229,229,.2);
	    	box-shadow: inset 0 1px 1px rgba(229,229,229,.2);
	    	background-color:#fafafc;
			border: 1px solid #e5e5e5;
			margin: 30px auto 0px auto;
			width: 884px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			.record_title {
				color:#336;
				font-size: 18px;
				span {
					color: #999;
					font-size: 14px;
					margin-left: 65px;
				}
			}
		}
		.plat_item {
			height: 110px;
			.record_counts {
				margin-top: 10px;
				width: 560px;
				float: left;
				.count_item {
					margin-top: 20px;
					float: left;
					width: 280px;
					span {
						color:#669;
					}
				}
			}
			.charts {
				float: right;
				width: 324px;
				
				.chart_icon{
					float: left;
					width: 120px;
					height: 120px;
					// background-color: #EEE;
				}
				.charts_info{
					float: left;
					width: 170px;
					margin-left:20px; 
					margin-top: 15px;
					div {
						margin-bottom: 20px;
					}
				}
				span {
					margin-left: 10px;
				}
			}
		}
		.credit_item {
			height: 150px;
			.record_status {
				margin-top: 34px;
				text-align: center;
				float: left;
				width: 70px;
				.record_status_icon {
					margin-left: 3px;
					width: 64px;
					height: 64px;
				}
				.record_status_icon_0 {
					background: url(./credit_status.png) -64px -128px no-repeat;
				}
				.record_status_icon_1 {
					background: url(./credit_status.png) -64px -128px no-repeat;
				}
				.record_status_icon_2 {
					background: url(./credit_status.png) -64px 0px no-repeat;
				}
				.record_status_icon_3 {
					background: url(./credit_status.png) -64px -64px no-repeat;
				}
				.record_status_icon_4 {
					background: url(./credit_status.png) 0px 0px no-repeat;
				}
				.record_status_icon_5 {
					background: url(./credit_status.png) 0px -64px no-repeat;
				}
				.record_status_icon_6 {
					background: url(./credit_status.png) 0px -128px no-repeat;
				}
				

				.record_status_info {
					text-align: center;
					margin-top: 10px;
					font-size:14px;
				}
			}
			.record_counts {
				margin-top: 20px;
				float: right;
				width: 814px;

				.count_item {
					margin-top: 20px;
					margin-left: 20px;
					float: left;
					width: 274px;
					span {
						color:#669;
					}
					.orange {
						color:#F90;
					}
					
				}
				.last_item.count_item {
					width: 200px;
				}
			}

		}
	}
}